<template>
	<div class="body-1">
		<div>
			<div style="margin-bottom: 50px; margin-right: 50px;">
				<Card style="width:260px;" to="Seafile_User">
					<div style="text-align:center">
						<img src="../assets/img/Seafile.jpg" width="110" height="110">
						<h2 style="color: #000000;">Seafile</h2>
					</div>
				</Card>
			</div>
			<div>
				<Card style="width:260px" to="FTP_Home">
					<div style="text-align:center">
						<img src="../assets/img/FTP.jpg" width="110" height="110">
						<h2 style="color: #000000;">FTP协议</h2>
					</div>
				</Card>
			</div>
		</div>
		
		<div>
			<div style="margin-bottom: 50px;">
				<Card style="width:260px;" to="SMB_Login">
					<div style="text-align:center">
						<img src="../assets/img/SMB.png" width="110" height="110">
						<h2 style="color: #000000;">SMB协议</h2>
					</div>
				</Card>
			</div>
			<div>
				<Card style="width:260px" to="NFS_login">
					<div style="text-align:center">
						<img src="../assets/img/NFS.png" width="110" height="110">
						<h2 style="color: #000000;">NFS协议</h2>
					</div>
				</Card>
			</div>
		</div>
	</div>
</template>

<script>
	
</script>

<style>
	.body-1 {
		font-family: 'Raleway', sans-serif;
		background-image: radial-gradient(circle at center, #58c43a, #847d58);
		/* 无变化 */
		background-size: cover;
		background-repeat: no-repeat;
		height: 100vh;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		background: radial-gradient(ellipse at bottom, #d0d0d0, #515a6e);
		/* 大背景颜色 */
		font-weight: 300;
	}
</style>
